<template>
  <div class="container" style="display: inline-block; margin-left: 5px">
    <el-tooltip class="item" effect="dark" :placement="placement">
      <template #content>
        <div style="min-width: 80px; max-width: 500px" v-html="messageText"></div>
      </template>
      <i class="el-icon-question"></i>
    </el-tooltip>
  </div>
</template>

<script>
export default {
  name: 'HelpMessage',
  props: {
    messageText: {
      type: String,
      default: '消息提示',
    },
    placement: {
      type: String,
      default: 'top-start',
    },
  },
  computed: {
  },
  watch: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>

<style lang="less" scoped>
</style>
